Visualizador de Estructura HTML

Representación Visual

<!DOCTYPE html>
<html>
<head>

Contiene metadatos, enlaces y scripts.

<meta>
<title>
<link> (CSS)
<script> (JS)
<body>

Todo el contenido visible de la página.

<header>

Encabezado principal (logo, título)

<nav>
<main>

Contenido principal y único.

<article>
<section>
<aside>

(Opcional) Contenido relacionado.

<footer>

Pie de página (copyright, enlaces).

Código Estructurado

<!DOCTYPE> <!-- Define el tipo de documento como HTML5 -->
<!DOCTYPE html>
<html> <html lang="es">
<head> <head>
<!-- Metadatos para el navegador -->
<meta charset="UTF-8">
<title>Título</title>

<!-- Enlaces a CSS y JS -->
<link rel="stylesheet" href="style.css">
<script src="app.js"></script>
</head>
<body> <body>
<header> <header>
<nav> <nav>...menú...</nav>
</header>
<main> <main>
<article> <article>
<section><section>...</section>
</article>
<aside> <aside>...</aside>
</main>
<footer> <footer>...copyright...</footer>
</body>
</html>